.news-featured {
	width: 100%;

	.ant-breadcrumb {
		font-size: 14px;
	}

	.content-news {
		width        : 100%;
		margin-top   : 20px;
		background   : @rok-white-bg;
		// box-shadow: 0px 4px 22px rgba(160, 199, 255, 0.1);
		border-radius: 8px;
		padding      : 34px 74px 24px 74px;

		.extend-news {
			text-align: center;
			padding   : 0 0 28px 0;

			h1 {
				font-weight: 600;
				font-size  : 24px;
			}
		}

		.releases-news {
			display        : flex;
			flex-flow      : row;
			justify-content: space-between;
			align-items    : center;
			width          : 100%;
			border-bottom  : 1px solid @rok-border-color-base;
			color          : #999999;
			font-size      : 14px;
			padding-bottom : 14px;

			.auther-releases {
				padding-left: 10px;
			}

			.number-time-releases {
				display    : flex;
				flex-flow  : row;
				align-items: center;

				figure {
					display    : flex;
					flex-flow  : row;
					align-items: center;
					margin     : 0;

					figcaption {
						margin-left: 7px;
					}
				}

				span {
					display   : inline-block;
					width     : 1px;
					height    : 16px;
					margin    : 0px 16px 0px 16px;
					background: @rok-Divider-color;
				}
			}
		}

		.list-news {
			// min-height: calc(100vh);
			padding: 24px 0px 24px 0px;

			p {
				overflow: scroll;
			}
		}

		.sources-news {
			width     : 100%;
			border-top: 1px solid @rok-Divider-color;
			padding   : 14px 0 24px 0;
			font-size : 14px;
			color     : #999999;

		}

		.download-animation {
			width: 100%;

			@media (min-width: 0px) and (max-width: 1440px) {
				.ant-col-6 {
					display  : block;
					flex     : 0 0 33.3333%;
					max-width: 33.3333%;
				}
			}

			@media (min-width: 1440px) and (max-width: 1920px) {
				.ant-col-6 {
					display  : block;
					flex     : 0 0 25%;
					max-width: 25%;
				}
			}

			@media screen and (min-width: 1920px) {
				.ant-col-6 {
					display  : block;
					flex     : 0 0 16.666666%;
					max-width: 16.666666%;
				}
			}

			.and-types {
				display        : flex;
				flex-flow      : row;
				justify-content: space-between;
				align-items    : center;
				height         : 76px;
				padding        : 0px 16px;
				border         : 1px solid #eae7e7;
				box-sizing     : border-box;
				background     : @rok-white-bg;
				border-radius  : 4px;
				margin-bottom  : 24px;
			}

			.and-types-left {
				width      : calc(100% - 64px);
				display    : flex;
				flex-flow  : row;
				align-items: center;

				.and-types-text {
					word-break   : keep-all;
					white-space  : nowrap;
					overflow     : hidden;
					text-overflow: ellipsis;
					font-weight  : 500;
					font-size    : 14px;
					color        : #333333;
				}
			}

			.and-types-icon {
				display: none;
			}

			.and-types:hover {
				background: @rok-hover-color;
				border    : 1px solid @rok-hover-color;

				.and-types-icon {
					display: inline-block;
				}

				.and-types-icon:hover {
					color : @rok-primary-color;
					cursor: pointer;
				}
			}
		}

		.mv-16 {
			margin: 0 16px;
		}
	}
}